<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>水票购买详情</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./css/public.css?v=20181211"/>
    <link rel="stylesheet" href="./css/water-ticket-detail.css?v=20181211"/>
    <link rel="stylesheet" href="./css/cxvalidation.css">
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <script src="./js/mui.min.js"></script>
    <script src="./js/art-template.js"></script>
    <script src="./js/cxvalidation.js"></script>
    <script src="./js/config.js?v=20181211"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav header_change_color">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">水票订单详情</h1>
</header>
<form action="" class='mui-content' id="orderForm">
    <div class='mui-content'>
        <!--商品详情-->
        <!--<form action="" name = 'ticket_detail_content' >-->
        <div class='bill-container' id="ticket_detail_content">

        </div>
        <!--</form>-->

        <!--支付选择-->

        <div class='pay-methods' id="pay_methods_content">
            <div class="mui-input-row mui-radio mui-left" style="float: left;margin-top: 0.5rem;">
                <label style='padding-left: 0;margin-left: .5rem;'>支付方式</label>
            </div>
            <!--<div style="margin-left: 7rem;margin-top: 1rem;">-->
                <!--<div class="pay_type_wx" style="float: left;">-->
                <!--<input class="pay_type" type="radio" checked id="wx_pay" name="type" value="0">-->
                <!--<label for="wx_pay" class="label_buttom"></label>-->
                <!--<span style="font-size: 0.9rem;margin-left: 0.4rem;font-size: 0.8rem">微信支付</span>-->
            <!--</div>-->
        </div>
    </div>

    <!--实付-->
    <p class='need-pay' id="need_pay_content">

    </p>


    <!--底部定位-->
    <div class='cart-footer'>
        <p class='footer-total' id="all_need_pay_content">合计：

        </p>   <!--<a href="javascript:redirect('buy-success.html')" style="color: white;">确认订单</a>-->
        <button type="submit" id="ToBuyStep2" style="border-radius: initial;" class='footer-count'>确认订单</button>
    </div>

    </div>
</form>
<!--水票详情-->
<script type="text/html" id="water_ticket_detail">
    <img class='goods-img' src="{{goods_img}}" width="100" height="120" alt=""/>
    <div class='bill-right'>
        <p class='bill-list-top'><img src="./image/tiket_ico_index.png" style="vertical-align: top;"/> <span>{{goods_name}}</span>
        </p>
        <p><s style="color: red;">价格：<span class='remark-red'>￥ {{goods_price}}/桶</span></s></p>
        {{each waterbill_category category}}
        {{if category.choosed}}
        <p class='bill-price'>水票价：<span class='remark-red'>￥{{category.buy_num * goods_price}}</span><span
                class='span-price'>/{{category.total_num}}桶，(已选套餐{{category.title}})</span></p>
        {{/if}}
        {{/each}}
    </div>
</script>
<!--支付方式-->
<script type="text/html" id="pay_methods">
    <div style="margin-left: 7rem;margin-top: 1rem;">
    {{if online_pay == 1}}
        <div class="pay_type_wx" {{if offline_pay== 0}} style="float: left;"{{/if}}>
        <input class="pay_type" type="radio" checked id="wx_pay" name="type" value="0">
        <label for="wx_pay" class="label_buttom"></label>
        <span style="font-size: 0.9rem;margin-left: 0.4rem;font-size: 0.8rem">微信支付</span>
    </div>
    {{/if}}
    <!--{{if offline_pay == 1}}-->
    <!--<div class="pay_type_na" style="float:left;margin-left: 4rem;">-->
        <!--<input class="pay_type" type="radio" name="type" value="1" {{if online_pay== 0}} checked {{/if}} id="native_pay">-->
        <!--<label class="label_buttom" for="native_pay"></label>-->
        <!--<span style="font-size: 0.9rem;margin-left: 0.4rem;font-size: 0.8rem">货到付款</span>-->
    <!--</div>-->
    <!--{{/if}}-->
    </div>
</script>
<!--实付-->
<script type="text/html" id="need_pay">
    {{each waterbill_category category}}
    {{if category.choosed}}
    实付    <span class="sure_pay"> ￥ {{category.buy_num * goods_price}}</span>
    {{/if}}
    {{/each}}
</script>

<!--合计-->

<script type="text/html" id="all_need_pay">
    {{each waterbill_category category}}
    {{if category.choosed}}
    <span style="color: red;margin:0.4rem;" class="sure_pay"> ￥ {{category.buy_num * goods_price}}</span>
    {{/if}}
    {{/each}}
</script>
<script src='js/commen.js?v=20181211'></script>
<script src='js/water-ticket-detail.js?v=20181211'></script>


</body>

</html>
